/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
	<view>
		<view class='mesg_detail'>
		    <text class='mesg_title'>{{message_details.message_title}}</text>
		    <view class='mesg_info'>
		        <text>类型：{{message_details.category_name}}</text>
		        <text>时间：{{message_details.send_time_texts}}</text>
		    </view>
		    <view class='mesg_content'>
		        {{message_details.message_content}}
		    </view>
		</view>	
	</view>
</template>

<script>
	import {getActiveInfo} from "@/api/api.js";
	import common from "@/common/common.js";
	export default {
		data() {
			return {
				message_details:""
			};
		},
		onLoad(options){
			let recid=options.rec_id;
			if(!options.rec_id){
				 uni.showModal({
				   title: '获取提示',
				   content: '未传入消息ID',
				   showCancel:false
				 })
				 return;
			  }
			this.getActiveInfo(recid)
		},
		methods:{
			getActiveInfo(recid){
				getActiveInfo(recid).then(res=>{
					console.log(res)
					var send_time_texts=common.format(res.send_time,"yyyy-MM-dd hh:mm:ss")
					res.send_time_texts=send_time_texts
					this.message_details=res;
				})
			}
		}
	}
</script>

<style lang="scss">
.mesg_detail {
    width: 92%;
    height: auto;
    text-align: center;
    padding: 0 4%;
    padding-top: 30rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mesg_title{
  font-weight: bold
}

.mesg_info {
  color: #999;
  font-size: 9pt;
  margin-top: 20rpx;
  display: flex;
  flex-direction: row;
  align-content: space-between;
}

.mesg_info text{
  display: block;
  margin: 0 10rpx;
}

.mesg_content{
  margin-top: 20rpx;
  font-size: 11pt;
  color: #333;
  text-align: justify;
  vertical-align: middle
}
</style>
